<?php
$m = [
  ['name'=>'李坤森','id'=>2005010104,'k'=>"男",'b'=>"2001-12-07" ,'t'=>15025610611,'h'=>"重庆"],
  ['name'=>'温文天','id'=>2,"k"=>"男",  'b'=>"2001-11-15" ,'t'=>17302357874,"重庆"],
  ['name'=>'徐鑫','id'=>3,"k"=>"男",'b'=>"2001-10-6"  ,'t'=>15723630570,"重庆"],
  ['name'=>'张巳春','id'=>4, "k"=>"男",'b'=>"2001-10-6"  ,'t'=>1234567899,'h'=>"四川"],
  ['name'=>'龚继禄', 'id'=>5,'k'=>"男",'b'=>"2001-12-04" ,'t'=>15856083267,'h'=>'四川'],
   ];
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <style>
  .txt{
    position: absolute;
    top: 60%; 
    left: 25%;
  }
  .carousel-inner {
    max-width: 90%;
    min-width: 50%;
    margin: auto;
    padding: 0 10px;
  }
  div{
        text-align: center;
    }    
    .carousel-caption{
        text-size-adjust: 500;
    }
    .col-6{
        border: 1px solid #fff;
            text-align: center;
    }
    .row{
            background-color: #eee;
            font-size: 30px;
        }
  </style>
</head>
<body>
  <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
    <!-- 轮播图指示器 -->
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img src="1.jpg" class="d-block w-100" alt="...">
        <div class="txt" >
        <? foreach ($m as $k): ?>
			<?if ($k['id']==2005010104):?>
        <div class="row">
          <div class="col-md-2">姓名</div>
          <div class="col-md-2">学号</div>
          <div class="col-md-2">性别</div>
          <div class="col-md-2">出生时刻</div>
          <div class="col-md-2">电话号码</div>
          <div class="col-md-2">出生地</div>
        </div>
        <div class="row">
          <div class="col-md-2"><?=$k['name']?></div>
          <div class="col-md-2"><?=$k['id']?></div>
          <div class="col-md-2"><?=$k['k']?></div>
          <div class="col-md-2"><?=$k['b']?></div>
          <div class="col-md-2"><?=$k['t']?></div>
          <div class="col-md-2"><?=$k['h']?></div>
        </div>
        <?endif;?>
        <? endforeach; ?>
</div>
<img src="2.jpg" class="d-block w-100" alt="...">
        <div class="txt" >
        <? foreach ($m as $k): ?>
			<?if ($k['id']==2):?>
        <div class="row">
          <div class="col-md-2">姓名</div>
          <div class="col-md-2">学号</div>
          <div class="col-md-2">性别</div>
          <div class="col-md-2">出生时刻</div>
          <div class="col-md-2">电话号码</div>
          <div class="col-md-2">出生地</div>
        </div>
        <div class="row">
          <div class="col-md-2"><?=$k['name']?></div>
          <div class="col-md-2"><?=$k['id']?></div>
          <div class="col-md-2"><?=$k['k']?></div>
          <div class="col-md-2"><?=$k['b']?></div>
          <div class="col-md-2"><?=$k['t']?></div>
          <div class="col-md-2"><?=$k['h']?></div>
        </div>
        <?endif;?>
        <? endforeach; ?>
</div>
<img src="3.jpg" class="d-block w-100" alt="...">
        <div class="txt" >
        <? foreach ($m as $k): ?>
			<?if ($k['id']==3):?>
        <div class="row">
          <div class="col-md-2">姓名</div>
          <div class="col-md-2">学号</div>
          <div class="col-md-2">性别</div>
          <div class="col-md-2">出生时刻</div>
          <div class="col-md-2">电话号码</div>
          <div class="col-md-2">出生地</div>
        </div>
        <div class="row">
          <div class="col-md-2"><?=$k['name']?></div>
          <div class="col-md-2"><?=$k['id']?></div>
          <div class="col-md-2"><?=$k['k']?></div>
          <div class="col-md-2"><?=$k['b']?></div>
          <div class="col-md-2"><?=$k['t']?></div>
          <div class="col-md-2"><?=$k['h']?></div>
        </div>
        <?endif;?>
        <? endforeach; ?>
</div>
<img src="4.jpg" class="d-block w-100" alt="...">
        <div class="txt" >
        <? foreach ($m as $k): ?>
			<?if ($k['id']==4):?>
        <div class="row">
          <div class="col-md-2">姓名</div>
          <div class="col-md-2">学号</div>
          <div class="col-md-2">性别</div>
          <div class="col-md-2">出生bb时刻</div>
          <div class="col-md-2">电话号码</div>
          <div class="col-md-2">出生地</div>
        </div>
        <div class="row">
          <div class="col-md-2"><?=$k['name']?></div>
          <div class="col-md-2"><?=$k['id']?></div>
          <div class="col-md-2"><?=$k['k']?></div>
          <div class="col-md-2"><?=$k['b']?></div>
          <div class="col-md-2"><?=$k['t']?></div>
          <div class="col-md-2"><?=$k['h']?></div>
        </div>
        <?endif;?>
        <? endforeach; ?>
</div>
<img src="5.jpg" class="d-block w-100" alt="...">
        <div class="txt" >
        <? foreach ($m as $k): ?>
			<?if ($k['id']==5):?>
        <div class="row">
          <div class="col-md-2">姓名</div>
          <div class="col-md-2">学号</div>
          <div class="col-md-2">性别</div>
          <div class="col-md-2">出生时刻</div>
          <div class="col-md-2">电话号码</div>
          <div class="col-md-2">出生地</div>
        </div>
        <div class="row">
          <div class="col-md-2"><?=$k['name']?></div>
          <div class="col-md-2"><?=$k['id']?></div>
          <div class="col-md-2"><?=$k['k']?></div>
          <div class="col-md-2"><?=$k['b']?></div>
          <div class="col-md-2"><?=$k['t']?></div>
          <div class="col-md-2"><?=$k['h']?></div>
        </div>
        <?endif;?>
        <? endforeach; ?>
</div>
</div>
    <!-- 查看上一张 -->
    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon"></span>
      <span class="sr-only">Previous</span>
    </a>
    <!-- 查看下一张 -->
    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
      <span class="carousel-control-next-icon"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <script src="./jquery-3.2.1.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
